﻿<%@ Page
    Language="C#"
    AutoEventWireup="true"
    CodeBehind="ChangePassword.aspx.cs"
    Inherits="ModernShopping.User.ChangePassword"
    MasterPageFile="~/ModernShopping.Master" %>

<%@ Register Src="~/WebUserControls/UCCountDown.ascx" TagName="Countdown" TagPrefix="MyUserControls" %>
<%@ Register Src="~/WebUserControls/UCPopup.ascx" TagName="Popup" TagPrefix="MyUserControls" %>

<asp:Content ID="Header" runat="server" ContentPlaceHolderID="HeaderContent">
    <script type="text/javascript" src="../../Scripts/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="../../Scripts/jquery.validate.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#form1").validate({
                rules: {
                    <%=TxtOldPassword.UniqueID%>: {
                        required: true,
                        minlength: 6
                    },
                    <%=TxtNewPassword.UniqueID%>: {
                        required: true,
                        minlength: 6
                    },
                    <%=TxtNewPassword_Re.UniqueID%>: {
                        required: true,
                        equalTo:  <%=TxtNewPassword.ClientID%>
                         }
                },
                messages: {
                    <%=TxtOldPassword.UniqueID%>: {
                        required: "Bạn không được để trống mục này!",
                        minlength: "Mật khẩu phải từ 6 kí tự trở lên"
                    },
                    <%=TxtNewPassword.UniqueID%>: {
                        required: "Bạn không được để trống mục này!",
                        minlength: "Mật khẩu phải từ 6 kí tự trở lên"
                    },
                    <%=TxtNewPassword_Re.UniqueID%>: {
                        required: "Bạn không được để trống mục này!",
                        equalTo:  "Mật khẩu không trùng khớp"
                    }
                }
            });
        });
    </script>
</asp:Content>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="MainContent">
    <div class="div-center">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <div class="title">
            <asp:Label
                runat="server"
                Text="THAY ĐỔI MẬT KHẨU" Height="100%" Width="100%" />
        </div>
        <div class="change-password">
            <div style="width: 90%; margin: 30px auto auto auto;">
                <div class="side-change-password">
                    <table style="width: 90%; margin: 20px 10px 20px 20px;">
                        <tr>
                            <td style="text-align: left" class="style-td">
                                <asp:Label ID="Label7" runat="server" Text="Mật khẩu cũ:" Font-Bold="True" ForeColor="Black"></asp:Label>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left" class="style-td">
                                <asp:TextBox ID="TxtOldPassword" runat="server" CssClass="textbox" Width="250px" TextMode="Password"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left" class="style-td">
                                <asp:Label ID="Label1" runat="server" Text="Mật khẩu mới:" Font-Bold="True" ForeColor="Black"></asp:Label>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left" class="style-td">
                                <asp:TextBox ID="TxtNewPassword" runat="server" CssClass="textbox" Width="250px" TextMode="Password"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left" class="style-td">
                                <asp:Label ID="Label2" runat="server" Text="Nhập lại mật khẩu:" Font-Bold="True" ForeColor="Black"></asp:Label>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left" class="style-td">
                                <asp:TextBox ID="TxtNewPassword_Re" runat="server" CssClass="textbox" Width="250px" TextMode="Password"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="margin-top: 10px; text-align: center;" class="auto-style3">
                                <br />
                                <asp:Button ID="btnThayDoi" Text="THAY ĐỔI" runat="server" CssClass="button" OnClick="btnThayDoi_Click" />
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="side-content">
                    <asp:Label
                        runat="server"
                        Text="Vui lòng nhập mật khẩu mới cho tài khoản. 
                            Chúng tôi khuyên bạn nên tạo mật khẩu duy nhất - 
                        một mật khẩu mà bạn không sử dụng cho bất kỳ trang web nào khác."
                        Style="font-size: medium"></asp:Label>
                </div>
            </div>
        </div>
    </div>
    <MyUserControls:Countdown runat="server" ID="Countdown" />
    <MyUserControls:Popup runat="server" ID="MyPopup" />
</asp:Content>
